/*------------------Public/scroll-fixed-bar.html-------------*/
.zj-scroll-fixed-bar {
  position:fixed;
  right:10px;
  z-index:1000;
  bottom:10px
}

.zj-scroll-fixed-bar li {
  list-style-type: none;
  height:52px;
  width:52px;
  margin-top:-1px;
  background-color:#fff;
  border:1px solid #ddd;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
}

.zj-scroll-fixed-bar li a {
  display:block;
}

.zj-scroll-fixed-bar li:first-child {
  margin-top:0px
}

.zj-scroll-fixed-bar li i.fa {
  width:100%;
  height:100%;
  cursor:pointer;
  line-height:50px;
  text-align:center;
  /*display:block;*/
  font-size:20px;
  color:#999
}

.zj-scroll-fixed-bar .fixed-bar-text {
  display:none;
  color:#fff;
  padding:8px 10px;
  background: #15c288;
}

.zj-scroll-fixed-bar li.zj-qrcode i.fa {
  font-size: 35px;
}

.zj-scroll-fixed-bar li.zj-feedback i.fa {
  font-size:32px
}

.zj-scroll-fixed-bar li.zj-go-top i.fa {
  font-size:30px
}

.zj-scroll-fixed-bar li:hover {
  border-color:#15c288;
}

.zj-scroll-fixed-bar li .fixed-bar-icon:hover {
  background:#15c288;
}

.zj-scroll-fixed-bar li .fixed-bar-icon:hover i {
  color:#fff;
}

.zj-scroll-fixed-bar li:hover .fixed-bar-text {
  display:block
}

.zj-scroll-fixed-bar li:hover .fixed-bar-icon {
  display:none
}

.zj-scroll-fixed-bar .zj-qrcode {
  position:relative
}

.zj-scroll-fixed-bar .zj-qrcode a {
  display:block !important
}

.zj-scroll-fixed-bar .zj-qrcode a:hover {
  background:#15c288;
}

.zj-scroll-fixed-bar .zj-qrcode a:hover i.fa {
  color:#fff;
}

.zj-scroll-fixed-bar .zj-qrcode .weixin {
  position:absolute;
  left:-160px;
  width:150px;
  top:50%;
  margin-top:-88px;
  background:#fff;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
  opacity:0;
  filter:alpha(opacity=0);
  z-index:-1;
  -webkit-transform:scale(0,0);
  -moz-transform:scale(0,0);
  -ms-transform:scale(0,0);
  -o-transform:scale(0,0);
  transform:scale(0,0);
}

.zj-scroll-fixed-bar .zj-qrcode .weixin p {
  margin-top: 5px; 
  margin-bottom: 0px;
}

.zj-scroll-fixed-bar .zj-qrcode .weixin:after {
  content:'';
  position:absolute;
  border:8px solid transparent;
  border-left:8px solid #fff;
  top:50%;
  margin-top:-8px;
  right:-16px;
}

.zj-scroll-fixed-bar .zj-qrcode:hover .weixin {
  opacity:1;
  filter:alpha(opacity=100);
  z-index:1;
  -webkit-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -ms-transform:scale(1,1);
  -o-transform:scale(1,1);
  transform:scale(1,1);
  transform-origin:right 50%;
  -webkit-transform-origin:right 50%;
  -moz-transform-origin:right 50%;
  -o-transform-origin:right 50%;
}

.zj-scroll-fixed-bar .zj-go-top {
  display:none
}

@media (max-width:768px) {
.zj-scroll-fixed-bar li {
  width:35px;
  height:35px;
}

.zj-scroll-fixed-bar li i.fa {
  line-height:35px
}

.zj-scroll-fixed-bar .fixed-bar-icon {
  display:block !important
}

.zj-scroll-fixed-bar .fixed-bar-text {
  display:none !important
}

.zj-scroll-fixed-bar li.zj-qrcode i.fa {
  font-size:25px;

}

.zj-scroll-fixed-bar li.zj-feedback i.fa {
  font-size:22px;

}

.zj-scroll-fixed-bar li.zj-go-top i.fa {
  font-size:20px;

}

.zj-scroll-fixed-bar .zj-qrcode .weixin {
  width:100px;
  left:-110px;
  margin-top:-50px;
}
}